<template>
    <div>
        <navtitle :title="title" />
        <div v-for="item in searchApiData">
            <van-card :price="item.goods_price" desc="描述信息" :title="item.goods_name"
                :thumb="item.goods_small_logo ? item.goods_small_logo :'https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg'" />
        </div>
    </div>
</template>

<script setup>
import navtitle from '@/components/navtitle.vue';
const title = '商品列表'
import { searchApi } from '@/api/api'
import { ref } from 'vue'
const searchApiData = ref([])
searchApi().then((res) => {
    console.log('商品列表', res);

    searchApiData.value = res.data.message.goods
})
</script>

<style lang="scss" scoped></style>